<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>

    <title>Freetile Demo</title>

    <link rel="stylesheet" href="css/style.css"/>
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <script type="text/javascript" src="javascript/jquery.min.js"></script>
    <!-- <script type="text/javascript" src="javascript/jquery.freetile.js"></script>
    <script type="text/javascript" src="javascript/init.js"></script> -->
     <script type="text/javascript" src="javascript/data.js"></script> 
    <script src="https://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <!--[if lt IE 9]>
    <script src="//html5shim.googlecode.com/svn/trunk/html5.javascript"></script>
    <![endif]-->
</head>
<body>
<div>
<div id="freetile-demo" class="wrapper">
			<div class="logo"><span></span><h2>iMonitor创意监控机器人</h2></div>
			<hr/>
			<table class="table table-bordered" style="width:1200px;margin:0 auto">
        <caption>错误异常详情：</caption>
        <thead>
        <tr>
            <th>创意ID</th>
            <th>所属广告主</th>
            <th>所属投放计划</th>
            <th>错误信息</th>
            <th>创意代码</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td>123</td>
            <td>sasa</td>
            <td>Sasa/2016订单/动态创意计划/优质媒体策略</td>
            <td>JS报错</td>
            <td><a class="btn btn-info" data-toggle="modal" data-target="#codeCenter">查看</a></td>
        </tr>
        <tr>
            <td>123</td>
            <td>sasa</td>
            <td>Sasa/2016订单/动态创意计划/优质媒体策略</td>
            <td>JS报错</td>
            <td><a class="btn btn-info" data-toggle="modal" data-target="#codeCenter">查看</a></td>
        </tr>
        </tbody>
    </table>
			
</div>
    


</div>

<!-- 模态框（Modal） -->
<div class="modal fade" id="codeCenter" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">查看代码</h4>
            </div>
            <div class="modal-body">
            <textarea id="codeList"></textarea>
            </div>
            
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
<script>
	$(document).ready(function(){
		$("#codeList").val(data.bidList[0].code)
	})
</script>
</body>
</html>